<template>
  <div id="UserCenterBar">
        <el-row class="tac">
          <el-col :span="12">
            <el-menu
                router
                class="el-menu-vertical-demo"
                style="height: 730px;width: 190px">
              <el-menu-item :index="item.path" v-for="item in navigationBarList" :key="item.id"
                            style="margin-left: 10px">
                <i :class="item.css" style="color: #409EFF"></i>
                <span slot="title" style="color: #409EFF">{{item.name}}</span>
              </el-menu-item>
            </el-menu>
          </el-col>
        </el-row>
  </div>
</template>

<script>
export default {
  name: "UserCenterBar",
  data(){
    return {
      navigationBarList:[{
        code: '',
        fatherId: '',
        id: '',
        name: '',
        path: '',
        css: ''
      }]
    }
  },
  methods:{

    //获取导航栏信息
    getNavigationBar(){
      this.$myAxios('/userCenter/getNavigationBarJ','post',null,resp=>{
        this.navigationBarList=resp.data.data
        //alert(resp.data.data[1].name)
        console.log(resp)
      })
    }
  },
  created() {
    //this.getMessage();
    this.getNavigationBar();
  }
}
</script>

<style scoped>

</style>